<template>
  <div class="fixed top-0 left-0 w-100vw h-100vh flex flex-col items-center justify-center z-50 bg-[#222]/90">
    <div class="loading mb-4"></div>
    <div class="text-gray-400 text-lg">Loading dashboard...</div>
  </div>
</template>

<style scoped lang="scss">
.loading {
  width: 40px;
  height: 40px;
  border: 3px solid #888;
  border-top-color: #fff;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
</style>
